/*------------------------------
=BASIC SETUP
------------------------------*/

/* Makeshift CSS Reset */
* {
    margin: 0;
    padding: 0;
}

/* Tell the browser to render HTML 5 elements as block */


body {
    margin: 0 auto;
    padding: 22px 0;
    width: 940px;
    font: 13px/22px Helvetica, Arial, sans-serif;
    background: #000000;
}


#header{
    height: 70px;
    color: #fff;
}

#contenido {
    margin-top: 5px;
}

/*------------------------------
 vista Paraderos
------------------------------*/
#divContenidoParaderos {
    display: table;
}

#divIzquierdoParaderos{

    width: 450px; 
    float: left;

}

#divCabeza{
    height: 120px;
}

#divParaderos{
    height: 380px;
}

#divMapaParaderos{

    width: 550px;
    height: 480px;
    float: left;


}

#divCabeza form p{
    display: table;
    margin-bottom: 10px;
    padding: 0 22px;
}



#divCabeza form label {
    display: table-cell;
    width: 140px;
    padding-right: 20px;
    text-align: right;
    font-weight: bold;
    vertical-align: top;
}

#divCabeza form select {
    display: table-cell;
    width: 160px;
    height: 20px;
    border: 1px solid #d7d7d7;
}

#divTablaParaderos {
    width: 100%;
}
#tablaParaderos{
    width: 100%;
}
.ui-button{
    font-size:10px;
    padding:0.1em 0.1em 0;
}
.ui-datepicker{
    font-size:10px;

}
.ui-dialog{
    font-size:10px;
    padding:0.2em 0.2em 0;
}
.ui-autocomplete{
    font-size:10px;
}
fieldset{
    padding: 5px;
    -moz-border-radius-bottomleft: 4px; 
    -webkit-border-bottom-left-radius: 4px; 
    border-bottom-left-radius: 4px; 
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px; 
    border-bottom-right-radius: 4px; 

    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px; 
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px; 
    border-top-right-radius: 4px; 
}

.etiqueta1{
    float: left;
    text-align: right;
    width: 100px;
    padding-right: 20px;
    font-weight: bold;
    vertical-align: top;

}
.etiqueta2{
    float: left;
    width: 200px;

    font-weight: bold;
    vertical-align: top;
}

.etiqueta3{
    float: left;
    text-align: right;
    width: 150px;
    padding-right: 20px;
    font-weight: bold;
    vertical-align: top;

}
.etiqueta4{
    float: left;
    width: 300px;

    font-weight: bold;
    vertical-align: top;
}
.etiqueta2 input,textarea {

    width: 190px;

}
.etiqueta5{
    float: left;
    
}

#divTablaControles{
    width: 1000px;
    height: 350px;
}
#mapaControles{
    width: 1000px;
    height: 500px;
}

.separador{
    display: block;
    width: 1000px;
    height: 5px;
    background-color: #998877;
}
#tablaMarcaciones{
    width: 1000px;
}

.ui-widget-overlay{
    z-index: 1005;
}

#cargador {
    /*    border : 1px solid #3F7D39;*/
    /*    -moz-border-radius : 10px;*/
    padding : 4px;
    text-align:center;
    position:absolute;
    width:160px;
    height:40px;
    left:50%;
    top:30%;
    margin-left:-80px;
    margin-top:-20px;
    /*    background-color: #000000;*/
} 

.menu{
    display:none;

}

.izquierda{
    float: right;
}
.conten1{
    width: 245px;
    float: left;
}
.conten2{
    width: 240px;
}
.conten3{
    width: 240px;
}
.conten4{
    width: 240px;
}

.conten4 input{
    width: 170px;
    border: 1px solid #000000;
    background: #111111 url(../js/jquery-ui-1.8.13.custom/css/dot-luv/images/ui-bg_gloss-wave_20_111111_500x100.png) 50% top repeat-x;
    color: #d9d9d9;
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    border-radius: 4px;
}

.conten4 textarea{
    width: 200px;
    height: 60px;

    border: 1px solid #000000;
    background: #111111 url(../js/jquery-ui-1.8.13.custom/css/dot-luv/images/ui-bg_gloss-wave_20_111111_500x100.png) 50% top repeat-x;
    color: #d9d9d9;
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    border-radius: 4px;
}

.conten4 select{
    width: 200px;
    border: 1px solid #000;
    background: #111111 ;
    color: #d9d9d9;

}

#divMantenimientoSalidas{
    display: none;
    

}
#divVerSalida{
    display: none;
}
.centrar{
    margin: 0 auto;
    width: 200px;
}

.botoncombobox{
    width:10px;
    margin-left:-4px; 
    height: 12px; 
    top:3.5px; 
}


.ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */

    padding-right: 5px;
    min-width: 35px;

}
#fechaHoraLlegada{
    display: none;
}

#divTablaTransportelinea {
    width: 950px;
    color: #000;
}
#tablaTransportelinea{
    width: 100%;
}
#tablaTransportelinea a{
    color: #003399;
}
.dataTables_length {
    float: right;
    width: 40%;
    text-align: right;
}
.dataTables_filter {
    float: left;
    text-align: left;
    width: 50%;
}
.tablaEmergente{
    width: 100%;
}

.divTablaEmergente{
    width: 100%;
    color: #000;
}
.divTablaEmergente a{
    color: #003399;
}
.contenedorTabla{
    width: 100%;
    color: #000;
}

#mapaMaracacionSalida{
    width: 1000px;
    height: 500px;
}

#cellIzquierda{
    width: 300px;
    height: 500px;
    float: left;
}
#cellDerecha{
    width: 700px;
    height: 500px;
    float: left;
}
.tablas{
    width: 100%;
}

#personasIzquierda{
    width: 400px;
    height: 500px;
    float: left;
}
#personasDerecha{
    width: 600px;
    height: 500px;
    float: left;
}
#izquierdaPuntoPaso{
    width: 500px;
    height: 400px;
    float: left;
}
#derechaPuntoPaso{
    width: 500px;
    height: 400px;
    float: left;
}
#divtablaCelularesPlaca{
    width: 500px;
    height: 270px;
}
.paging_full_numbers{
    width: 250px !important;
}
.dataTables_info {
    
    width: 100px;
}
#mapaPuntosPaso{
    width: 1000px;
    height: 500px;
    float: left;
}
#divtablaPuntosPaso{
    width: 700px;
    height: 400px;
    float: left;
}
#divImagenCelular{
    width: 280px;
    height: 400px;
    float: left;
}
#izquierdaSimulacion{
   width: 500px;
    height: 500px;
    float: left; 
}
#derechasimulacion{
   width: 500px;
    height: 500px;
    float: left; 
}
#divformularioSimulacion{
    width: 500px;
    height: 100px;
    float: left; 
}

#divTablaSimulacion{
    width: 500px;
    height: 400px;
    
}
#marcoResultadoSimulacion{
    width: 450px;
    height: 450px;
    margin: 20px;
    
}

#divResultadoSimulacion{
    width: 400px;
    height: 400px;
    margin: 20px;
    OVERFLOW: auto; 
}
tr.odd.estado0{
    background-color:#e1acac; 
}
tr.even.estado0{
    background-color:#e6bbbb; 
}
tr.odd.estado0 td.sorting_1 {
    background-color: #e1acac;
}

tr.odd.estado0 td.sorting_2 {
    background-color: #e1acac;
}

tr.odd.estado0 td.sorting_3 {
    background-color: #e1acac;
}


tr.even.estado0 td.sorting_1 {
    background-color: #e6bbbb;
}

tr.even.estado0 td.sorting_2 {
    background-color: #e6bbbb;
}

tr.even.estado0 td.sorting_3 {
    background-color: #e6bbbb;
}

tr.odd.estado1{
    background-color:#acc1e1; 
}
tr.even.estado1{
    background-color:#7f9fd0; 
}
tr.odd.estado1 td.sorting_1 {
    background-color: #acc1e1;
}

tr.odd.estado1 td.sorting_2 {
    background-color: #acc1e1;
}

tr.odd.estado1 td.sorting_3 {
    background-color: #acc1e1;
}


tr.even.estado1 td.sorting_1 {
    background-color: #7f9fd0;
}

tr.even.estado1 td.sorting_2 {
    background-color: #7f9fd0;
}

tr.even.estado1 td.sorting_3 {
    background-color:#7f9fd0;
}


tr.odd.estado2{
    background-color:#acc1e1; 
}
tr.even.estado2{
    background-color:#7f9fd0; 
}
tr.odd.estado2 td.sorting_1 {
    background-color: #acc1e1;
}

tr.odd.estado2 td.sorting_2 {
    background-color: #acc1e1;
}

tr.odd.estado2 td.sorting_3 {
    background-color: #acc1e1;
}


tr.even.estado2 td.sorting_1 {
    background-color: #7f9fd0;
}

tr.even.estado2 td.sorting_2 {
    background-color: #7f9fd0;
}

tr.even.estado2 td.sorting_3 {
    background-color:#7f9fd0;
}
#proyeccionIzquierda{
    float: left;
    width: 450px;
    height: 500px;
}

#proyeccionDerecha{
    float: left;
     width: 500px;
     height: 500px;
}